/*头部*/
/*$$
{"color":[{"val":"#f5f5f5","title":"模块背景颜色"},
{"val":"#333333","title":"模块标题"},
{"val":"#ffa532","title":"选中(列表)模块的 字体颜色"},
{"val":"#ffffff","title":"选中(导航)模块的 字体颜色"}],
"background":[{"val":"#ffa532","title":"选中模块背景 颜色"},
{"val":"#f5f5f5","title":"小模块背景颜色 颜色"}],
"border":[{"val":"#e0e0e0 ","title":"边框颜色"}]}
$$*/

#news_150{
	width: 100%;
	background: #f5f5f5;
	padding: 80px 10px 84px;
	overflow: hidden;
	box-sizing: border-box;
}
#news_150 .new_w{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#news_150 .new_w .allTi{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	align-content: baseline;
	background: url('/static/images/CP00021_02.png') no-repeat left top;
	background-size: 25px 25px;
	padding: 15px 0 0;
}
#news_150 .new_w .allTi .allTl{
	color: #333333;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 60px;
	display: flex;
	justify-content: flex-start;
	align-items: baseline
}
#news_150 .new_w .allTi .allTl::after{
	width: 35px;
	height: 35px;
	background: #ffe4c1;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 50%;

}
#news_150 .new_w .allTi .allTl::before
{
	content: '';
	width: 10px;
	height: 10px;
	background: #ffa532;
	position: absolute;
	left: 30px;
	bottom: 35px;
	border-radius: 50%;
}
#news_150 .new_w .allTi .allTl_key{
	font-size: 60px;
	position: relative;
	z-index: 2;
}
#news_150 .new_w .allTi .allTl_val{
	font-size:28px ;
}
#news_150 .new_w .allTi .allmore{
	
}
#news_150 .new_w .allTi .allmorea{
	font-size: 16px;
	color: #999999;
	background:url('/static/images/NP00038_01.png') no-repeat center right;
	background-size: 15px 15px;
	padding-right: 22px;
	line-height: 30px;
}
#news_150 .new_w .casfixed{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 600px);
	padding-right: 20px;
	box-sizing: border-box;
}

#news_150 .new_w .news_cont{
	width: 100%;
	max-width: 800px;
	height: 334px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 75px;
	position: relative;
	z-index: 3;
}
#news_150 .new_w .news_nav{
	width: 200px;
	height: 100%;
	background: #ffffff;
}
#news_150 .new_w .news_nav_i{
	width: 100%;
	height: 167px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
#news_150 .new_w .news_nav_i.act{
	background: #ffa532;
}
#news_150 .new_w .news_nav_imgs{
	width: 65px;
	height: 65px;
	border:#c3c3c3 1px solid ;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#news_150 .new_w .news_nav_img{
	width: 50%;
	height: 50%;
	display: block;
}
#news_150 .new_w .news_nav_p{
	font-size: 16px;
	color: #333333;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	line-height: 30px;
}
#news_150 .new_w .news_nav_i.act .news_nav_imgs{
	border:#ffffff 1px solid ;
}

#news_150 .new_w .news_nav_i .ic2{
	display: none;
}
#news_150 .new_w .news_nav_i.act .ic2{
	display: block
}
#news_150 .new_w .news_nav_i.act .ic1{
	display: none;
}
#news_150 .new_w .news_nav_i.act .news_nav_p{
	color: #ffffff;
}

#news_150 .new_w .news_box{
	width: 600px;
	height: 100%;
	border-bottom:#e0e0e0 1px solid ;
	border-top: #e0e0e0 1px solid ;
	border-right:#e0e0e0 1px solid;
	position: relative;
}
#news_150 .new_w .news_ul{
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	transition: 0.3s ease;
	padding: 0 35px;
	box-sizing: border-box;
}

#news_150 .new_w .news_ul.act{
	/* opacity: 1;*/
	display: block;
	left: 0;
}

#news_150 .new_w .news_li{
	border-bottom:#e0e0e0 1px solid ;

	padding: 18px 0;
}
#news_150 .new_w .news_li:last-child{
	border-bottom: none;
}
#news_150 .new_w .news_a{
	
	display: block;
}
#news_150 .new_w .news_ainfo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	line-height: 30px;
}
#news_150 .new_w .news_ainfo_n{
	font-size: 16px;
	color: #555555;
	width: 0;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#news_150 .new_w .news_ainfo_t{
	font-size: 16px;
	color: #555555;
}
#news_150 .new_w .news_ainfo_d{
	font-size: 14px;
	color: #777777;
	line-height: 25px;
	display: none;
	margin-top: 10px;
	max-height: 50px;
	overflow: hidden;
}
#news_150 .new_w .news_li.act{

}
#news_150 .new_w .news_li.act .news_ainfo_d{
	display: block;
	animation: fadeBin 0.5s linear;
	
}
@keyframes fadeBin {
	0%{
		opacity: 0;
		
	}
	100%{
		opacity: 1;
		
	}
}
#news_150 .new_w .news_li.act .news_ainfo_n{
	color: #ffa532;
}
#news_150 .new_w .news_li.act .news_ainfo_t{
	color: #ffa532;
}
#news_150 .new_w .news_cimgs{
	width: 414px;
	height: 429px;
	position: absolute;
	bottom: -86px;
	right: 0;
}
#news_150 .new_w .news_cimg{
	width: 100%;
	height: 100%;
	display: block;
}



@media (min-width:1200px) {
	#news_150:hover .allTi .allTl::after{
		animation:zoomAn 4s linear infinite;
	}
	#news_150:hover .allTi .allTl::before{
		animation:zoomAn2 4s linear infinite;
		z-index: 5;
	}
	#news_150 .new_w .allTi .allmorea:hover{
		color: #ffa532;
		background: url('/static/images/NP00038_03.png') no-repeat center right;
		background-size: 15px 15px;
	}
}
@keyframes zoomAn{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.2) translate(10px,-20px);
		opacity: 0.5;
	}
	100%{
		transform: scale(1);
	}
}
@keyframes zoomAn2{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.2) translate(-10px,10px);
		opacity: 0.5;
	}
	100%{
		transform: scale(1);
	}
}

@media (max-width:768px) {
	#news_150{
		padding: 50px 10px 50px;
	}
	#news_150 .new_w .news_cont{
		flex-wrap: wrap;
		margin-top: 25px;
	}
	#news_150 .new_w .news_nav{
		width: 100%;
		display: flex;
		justify-content: space-between;	
	}
	#news_150 .new_w .news_cont{
		height: auto;
	}
	#news_150 .new_w .news_nav_i{
		width: 50%;
	}
	#news_150 .new_w .news_cimgs{
		display: none;
	}
	#news_150 .new_w .news_box{
		width: 100%;
		border-left:#e0e0e0 1px solid ;
	}
	#news_150 .new_w .news_ul{
		padding: 0 15px;
	}
	#news_150 .new_w .news_li .news_ainfo_d{
		display: block;
	}
	#news_150 .new_w .news_ainfo{
		line-height: 25px;
	}
	#news_150 .new_w .news_ainfo_n{
		font-size: 14px;
		margin-right: 10px;
	}
	#news_150 .new_w .news_ainfo_t{
		font-size: 12px;
	}
	#news_150 .new_w .news_ainfo_d{
		font-size: 12px;
		margin-top: 5px;
	}
	#news_150 .new_w .news_nav_i{
		height: 100px;
	}
	#news_150 .new_w .news_nav_imgs{
		width: 40px;
		height: 40px;
	}
	#news_150 .new_w .news_nav_p{
		font-size: 14px;
	}
	
	#news_150 .new_w .allTi .allTl_key{
		font-size: 30px;
	}
	#news_150 .new_w .allTi .allTl_val{
		font-size: 14px;
	}
	#news_150 .new_w .allTi .allTl{
		padding: 0 0 0 20px;
	}
	#news_150 .new_w .allTi{
		padding: 30px 0 0;
	}
	#news_150 .new_w .allTi .allmorea{
		font-size: 12px;
		background-size: 12px 12px!important;
		padding-right: 18px;
	}
}